<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>分类</title>
    <link rel="stylesheet" th:href="@{/layui/css/font.css}">
    <link rel="stylesheet" th:href="@{/layui/css/xadmin.css}">
    <link rel="stylesheet" th:href="@{/layui/css/login.css}">
    <link rel="stylesheet" th:href="@{/css/range.css}">
    <script charset="utf-8" th:src="@{/layui/lib/layui/layui.js}"></script>
    <script th:src="@{/layui/js/xadmin.js}" type="text/javascript"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            background: rgb(235, 235, 235);
        }

        a {
            text-decoration: none;
            color: white;
        }

        li {
            list-style: none;
            font-size: 20px;
        }
    </style>
</head>
<body>
<div id="header">
    <a th:href="@{/index}" id="logo">领贤兼职</a>
    <div id="nav">
        <ul>
            <li><a th:href="@{/index}">首页</a></li>
            <li><a th:href="@{/range}">领贤兼职</a></li>
            <li><a th:href="@{/company_login}">企业服务</a></li>
            <li><a th:href="@{/student_login}">学生登陆</a></li>
            <li><a th:href="@{/university_login}">学校服务</a></li>
        </ul>
    </div>
</div>


<div id="ptReaMessage">
    <div class="login layui-anim layui-anim-up" style="max-width: 80%">
        <div class="message"></div>
        <hr class="hr20">
        <form style="width: 90%;margin-left: 80px">
            <hr class="hr20">
            <div>
                <div th:each="partTimeMessageListReady: ${partTimeMessageListReady}">
                    <hr>
                    <div class="mes" style="border-bottom: 1px black solid">
                        <div class="left">
                            <label class="layui-form-label" for="message">兼职信息:</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="message" name="message"
                                       th:value="${partTimeMessageListReady.message}"
                                       type="text" value="">
                            </div>
                        </div>
                        <div class="left">
                            <label class="layui-form-label" for="hireNum">招聘人数:</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="hireNum" name="hireNum"
                                       th:value="${partTimeMessageListReady.hireNum}"
                                       type="text" value="">
                            </div>
                        </div>
                        <div class="left">
                            <label class="layui-form-label" for="releaseTime">发布时间:</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="releaseTime" name="releaseTime"
                                       th:value="${#dates.format(partTimeMessageListReady.releaseTime,'yyyy-MM-dd HH:mm:ss')}"
                                       type="text" value="">
                            </div>
                        </div>
                        <div class="left" style="width: 100%">
                            <label class="layui-form-label" for="salary">工资待遇:</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="salary"
                                       name="salary" style="width: 500px"
                                       th:value="${partTimeMessageListReady.salary}"
                                       type="text"
                                       value="">
                            </div>
                        </div>
                        <div class="left">
                            <label class="layui-form-label" for="workTime">工作时间:</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="workTime" name="workTime"
                                       th:value="${partTimeMessageListReady.workTimeStart}+'~'+${partTimeMessageListReady.workTimeEnd}"
                                       type="text"
                                       value="">
                            </div>
                        </div>
                        <div class="left">
                            <label class="layui-form-label" for="workCity">工作地点:</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="workCity" name="workCity"
                                       th:value="${partTimeMessageListReady.city.cityName}" type="text"
                                       value="">
                            </div>
                        </div>
                        <div class="left">
                            <label class="layui-form-label" for="workJob">工作岗位:</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="workJob" name="workJob"
                                       th:value="${partTimeMessageListReady.job.jobName}" type="text"
                                       value="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>


<div id="footer" style="width: 100%;height: 50px"></div>

<script type="text/javascript">
    window.onload = function () {
        const input = document.getElementsByClassName("layui-input");
        for (let i = 0; i < input.length; i++) {
            input[i].setAttribute('readonly', 'true');
        }
    }
</script>
<script>
    const idNum = document.getElementById("idNum").value;
</script>
</body>
</html>